<template>
  <div class="chenshi">
    <div demo-bg>
      <dv-scroll-board :config="config" style="width: 100%; height: 400px" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import { reactive, onMounted } from "vue";
import {getChengshi} from '../request/index'
onMounted(() => {
  getChengshi().then(res=>{
    console.log(res);
  })
});
const config = reactive({
  header: ["城市", "就职企业", "岗位", "薪资"],
  data: [
    ["北京", "百度", "前端工程开发师",'19.5k',],
    ["上海", "百度", "前端工程开发师",'19.5k'],
    ["深圳", "百度", "前端工程开发师",'19.5k'],
    ["天津", "百度", "前端工程开发师",'19.5k'],
    ["太原", "百度", "前端工程开发师",'19.5k'],
    ["郑州", "百度", "前端工程开发师",'19.5k'],
    ["赤峰", "百度", "前端工程开发师",'19.5k'],
    ["保定", "百度", "前端工程开发师",'19.5k'],
    ["广州", "百度", "前端工程开发师",'19.5k'],
    ["北海", "百度", "前端工程开发师",'19.5k']
  ],
  index: true,
  columnWidth: [50],
  align: ["center"],
});

</script>

<style lang="scss">
.chenshi {
  width: 110%;
  height: 350px;
  position: absolute;
  bottom: 25px;
  left: -3%;
}
</style>
